import React from 'react';
import { axconst } from '@/shared/axconst';
import AxColumnAction from '@/components/AxList/AxColumnAction';
import { AxTable } from '@/components/AxList';

const Purchase: React.FC<any> = props => {
    /** 配置列 */
    const columns = [
        {
            title: '物资名称',
            dataIndex: 'material',
            width: axconst.width.material,
        },
        {
            title: 'CAS编码',
            dataIndex: 'casCode',
            width: axconst.width.casCode,
        },
        {
            title: '性状',
            dataIndex: 'character',
            width: axconst.width.fouronly,
        },
        {
            title: '商品容量',
            dataIndex: 'goodsCapacity',
            width: axconst.width.fouronly,
        },
        {
            title: '包装规格',
            dataIndex: 'packageSpecs',
            width: axconst.width.fouronly,
        },
        {
            title: '数量',
            dataIndex: 'count',
            width: axconst.width.fouronly,
        },
        {
            title: '单位',
            dataIndex: 'unit',
            width: axconst.width.fouronly,
        },
        {
            title: '计量单位',
            dataIndex: 'unit',
            width: axconst.width.fouronly,
        },
        {
            title: '单价',
            dataIndex: 'unitPrice',
            width: axconst.width.fouronly,
        },
        {
            title: '剩余量',
            dataIndex: 'surplus',
            width: axconst.width.fouronly,
        },
    ];

    return (
        <AxTable
            rowKey='id'
            size='default'
            bordered={false}
            columns={columns}
            checkboxModel={false}
            // addemptycolumn={true}
            data={{...axconst.data}}
        />
    );
};

export default Purchase;